<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品页</title>
		<link rel="stylesheet" type="text/css" href="css/all.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/chanpin.css"/>
	</head>
	<body>
		<!--头部-->
		<header>
			<div id="header-top">
				<span class="h-span">全国服务热线 : 400-000-0000</span>
				<a href="">加入首页</a>
				<a href="">加入收藏</a>
			</div>
			<nav id="nav">
				<div id="logo-ming">
					<img src="img/logo.png"/>
					<h2>TK科技有限公司</h2>
					<h3>cer dcd keo Holdings Co,Ltd</h3>
				</div>
				<ul>
					<li class="li-one">
						<a href="shouye.html">
						<h3>首页</h3>
						<span>Home</span>
						<i class="i1"></i>
						<i class="i2"></i>
						</a>
					</li>
					<li class="li-two">
						<a href="">
							<h3>关于我们</h3>
							<span>About</span>
							<i class="i1"></i>
							<i class="i2"></i>
						</a>
					</li>
					<li class="li-three">
						<a href="chanpinye.html" target="_blank">
							<h3>产品中心</h3>
							<span>Products</span>
						<i class="i1"></i>
						<i class="i2"></i>	
						</a>
					</li>
					<li class="li-four">
						<a href="">
							<h3>服务支持</h3>
							<span>Service</span>
							<i class="i1"></i>
							<i class="i2"></i>
						</a>
					</li>
					<li class="li-five">
						<a href="">
							<h3>新闻中心</h3>
							<span>News</span>
							<i class="i1"></i>
							<i class="i2"></i>
						</a>
					</li>
					<li class="li-six">
						<a href="xiangxiye.html" target="_blank">
							<h3>在线商店</h3>
							<span>Shop</span>
							<i class="i1"></i>
							<i class="i2"></i>
						</a>
					</li>
					<li class="li-seven">
						<a href="">
						<h3>联系我们</h3>
						<span>Contacts Us</span>
						<i class="i1"></i>
						<i class="i2"></i>
						</a>
					</li>
				</ul>
			</nav>
		</header>
		
		<!--正文部分-->
		<div id="nav-img">
			<img src="img/导航图.png"/>
		</div>
		<div id="big-box">
			<div class="nav-lian">
				首页 > 新品发布
			</div>
			<div class="radio-li">
				<input type="radio" id="one" name="all" checked/>
				<label for="one" class="one-label">
					<span>百万高清系列</span>
					<i class="iconfont icon-iconset0421"></i>
				</label>
				<input type="radio" id="two" name="all"/>
				<label for="two" class="two-label">
					<span>标清系列</span>
					<i class="iconfont icon-iconset0421"></i>
				</label>
				<input type="radio" id="three" name="all"/>
				<label for="three" class="three-label">
					<span>户外防水系列</span>
					<i class="iconfont icon-iconset0421"></i>
				</label>
				<input type="radio" id="four" name="all"/>
				<label for="four" class="four-label">
					<span>室内系列</span>
					<i class="iconfont icon-iconset0421"></i>
				</label>
				
				<div class="sou">
				<input type="text" placeholder=" 搜索产品"/>
				<span><i class="iconfont icon-ai219"></i></span>
			</div>
				
				<div class="nei-one">
				<ul>
					<li class="one-li">
						<div class="li-img">
							<img src="img/sx1.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="one-li">
						<div class="li-img">
							<img src="img/sx2.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="one-li">
						<div class="li-img">
							<img src="img/sx3.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="one-li">
						<div class="li-img">
							<img src="img/sx4.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="one-li">
						<div class="li-img">
							<img src="img/sx5.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="one-li">
						<div class="li-img">
							<img src="img/sx6.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="one-li">
						<div class="li-img">
							<img src="img/sx7.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="one-li">
						<div class="li-img">
							<img src="img/sx8.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="one-li">
						<div class="li-img">
							<img src="img/sx9.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
				</ul>
			</div>
			
			<div class="nei-two">
				<ul>
					<li class="two-li">
						<div class="li-img">
							<img src="img/sx9.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="two-li">
						<div class="li-img">
							<img src="img/sx8.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="two-li">
						<div class="li-img">
							<img src="img/sx7.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="two-li">
						<div class="li-img">
							<img src="img/sx6.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="two-li">
						<div class="li-img">
							<img src="img/sx5.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="two-li">
						<div class="li-img">
							<img src="img/sx4.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="two-li">
						<div class="li-img">
							<img src="img/sx3.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="two-li">
						<div class="li-img">
							<img src="img/sx2.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="two-li">
						<div class="li-img">
							<img src="img/sx1.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
				</ul>
			</div>
			
			
			<!--第三个-->
			<div class="nei-three">
				<ul>
					<li class="three-li">
						<div class="li-img">
							<img src="img/sx1.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="three-li">
						<div class="li-img">
							<img src="img/sx2.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="three-li">
						<div class="li-img">
							<img src="img/sx3.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="three-li">
						<div class="li-img">
							<img src="img/sx4.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="three-li">
						<div class="li-img">
							<img src="img/sx5.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="three-li">
						<div class="li-img">
							<img src="img/sx6.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="three-li">
						<div class="li-img">
							<img src="img/sx7.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="three-li">
						<div class="li-img">
							<img src="img/sx8.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="three-li">
						<div class="li-img">
							<img src="img/sx9.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
				</ul>
			</div>
			
			<!--第四个-->
			<div class="nei-four">
				<ul>
					<li class="four-li">
						<div class="li-img">
							<img src="img/sx9.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="four-li">
						<div class="li-img">
							<img src="img/sx8.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="four-li">
						<div class="li-img">
							<img src="img/sx7.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="four-li">
						<div class="li-img">
							<img src="img/sx6.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="four-li">
						<div class="li-img">
							<img src="img/sx5.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="four-li">
						<div class="li-img">
							<img src="img/sx4.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="four-li">
						<div class="li-img">
							<img src="img/sx3.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="four-li">
						<div class="li-img">
							<img src="img/sx2.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
					<li class="four-li">
						<div class="li-img">
							<img src="img/sx1.png"/>
							<span></span>
						</div>
						<span>S6202Y-WR</span>
						<p>100万无线高清 64GB TF卡 语音对讲 智能连接手机....</p>
					</li>
				</ul>
			</div>
			
			
			<form>
				<input type="radio" id="one-1" name="button"/>
				<label for="one-1" class="one-button">上一页
				</label>
				<input type="radio" id="one-2" name="button" checked/>
				<label for="one-2">1
				</label>
				<input type="radio" id="one-3" name="button"/>
				<label for="one-3">2
				</label>
				<input type="radio" id="one-4" name="button"/>
				<label for="one-4">3
				</label>
				<input type="radio" id="one-5" name="button"/>
				<label for="one-5">4
				</label>
				<input type="radio" id="one-6" name="button"/>
				<label for="one-6">5
				</label>
				<input type="radio" id="one-7" name="button"/>
				<label for="one-7">6
				</label>
				<input type="radio" id="one-8" name="button"/>
				<label for="one-8" class="last-button">下一页
				</label>
			</form>
			
		</div>
		
			
			
			<!--页脚部分-->
			<div id="footer">
			<div class="footer-one">
				<p>
					关注我们 : 
					<i class="iconfont icon-weibo1"></i>
					<i class="iconfont icon-weixin"></i>
					<i class="iconfont icon-qq1"></i>	
				</p>
				<p>
					<a href="">网站首页</a> · 
					<a href="">新闻动态</a> · 
					<a href="">关于我们</a> · 
					<a href="">团队风采</a> · 
					<a href="">联系我们</a> · 
					<a href="">在线留言</a>
				</p>
			</div>
			<div class="footer-two">
				<p>
					&copy;2015&nbsp;&nbsp;TK科技有限公司&nbsp;&nbsp;版权所有沪ICP证13022560号-7&nbsp;&nbsp;All&nbsp;&nbsp;Right&nbsp;&nbsp;Reserved
				</p>
			</div>
		</div>
	</body>
</html>
